.recharge-page {
	overflow-x: hidden;
	background: #fff;
	min-height: 90vh;
	.account-content {
		// background: #FFFFFF;
		padding: 0.28rem;
		position: relative;

		.account-area {
			position: relative;
			width: 100%;
			height: 2.8rem;
			background-image: url("../../../../images/imageXHB/huatong_bg.png");
			background-size: 100% 100%;
			padding-right: 5px;
			border-radius: 12px;
			box-sizing: border-box;
			box-shadow: 0.05rem 0.05rem 0.3rem 0.04rem rgba(82, 71, 71, 0.1);
			.bank-top {
				position: absolute;
				top: 0.4rem;
				padding: 0rem 0.2rem;
				display: flex;
				justify-content: flex-end;
				width: 6.2rem;
				.bank-top-right {
					display: flex;
					align-items: flex-end;
					flex-direction: column;
					.bank-top-right-top {
						color: #321212;
						font-size: 0.24rem;
						.eye-off-line {
							width: 0.24rem;
							height: 0.24rem;
							margin-left: 0.2rem;
						}
						.eye-line {
							width: 0.24rem;
							height: 0.2rem;
							margin-left: 0.2rem;
						}
					}
					.bank-top-right-bottom {
						margin-top: 0.3rem;
						width: 1.4rem;
						height: 0.5rem;
						border-radius: 12rem;
						border: 0.02rem solid #321212;
						text-align: center;
						line-height: 0.5rem;
						font-size: 0.24rem;
					}
				}
			}
			.bank-no {
				position: absolute;
				top: 1.7rem;
				font-weight: bold;
				font-size: 0.64rem;
				color: #321212;
				text-align: center;
				width: 6.2rem;
			}
			.right-text {
				position: absolute;
				right: 0.24rem;
				top: 0.3rem;
				height: 0.42rem;
				font-size: 0.3rem;
				font-weight: 400;
				color: rgba(140, 99, 41, 1);
				line-height: 0.42rem;
			}
			.bank-code {
				position: absolute;
				left: 0.5rem;
				top: 1.02rem;
				width: 100%;
				height: 0.42rem;
				font-size: 0.3rem;
				font-weight: 400;
				color: rgba(140, 99, 41, 1);
				line-height: 0.3rem;
			}

			.bank-name-img {
				width: 2rem;
				height: 0.64rem;
			}
			.account-area-bottom {
				position: absolute;
				//margin-top: 0.44rem;
				bottom: 0;
				width: 100%;
				height: 1rem;
				border-radius: 0 12px 12px 0;
				display: flex;
				flex-direction: row;
				justify-content: center;
				align-items: center;

				.bank-account {
					flex: 1;
					margin-left: 0.54rem;
					height: 1rem;
					line-height: 1rem;
					font-size: 0.3rem;
					font-weight: 500;
					color: #8c6329;
				}

				.bank-btn {
					margin-right: 0.38rem;
					width: 1.58rem;
					height: 0.54rem;
					line-height: 0.54rem;
					text-align: center;
					border-radius: 0.31rem;
					color: #8c6329;
					font-size: 0.28rem;
					border: 0.04rem solid rgba(178, 129, 60, 0.59);
				}
			}
		}

		.am-list-item.am-input-item {
			margin-top: 0.4rem;
			padding-left: 0;
		}

		.am-list-body::before {
			height: 0px !important;
		}

		.am-list-body::after {
			height: 0px !important;
		}

		.am-list-item .am-input-label.am-input-label-5 {
			width: 0.4rem;
			font-size: 0.44rem;
			font-weight: 500;
			color: rgba(66, 66, 66, 1);
		}

		.am-list-item .am-input-control input {
			font-size: 0.36rem;
		}
	}

	.error-tip {
		display: none;
		font-size: 0.24rem;
		margin-left: 0.28rem;
		margin-top: 0.1rem;
		font-weight: 400;
		color: rgba(255, 53, 52, 1);
	}

	.error-tip-show {
		display: inline-block;
		height: 0.2rem;
	}
	.new-bank-area {
		// margin-top: 0.2rem;
		background: #fff;
		border-top-left-radius: 0.4rem;
		border-top-right-radius: 0.4rem;

		box-shadow: 0px -8px 10px 0px rgba(82, 71, 71, 0.1);
		.title {
			color: #353535;
			font-size: 0.32rem;
			line-height: 0.56rem;
			border-top-left-radius: 0.4rem;
			border-top-right-radius: 0.4rem;
			padding: 0.44rem 0.55rem;
		}
		.titlek {
			color: #353535;
			font-size: 0.32rem;
			line-height: 0.56rem;
			padding: 0.44rem 0.55rem 0 0.55rem;
		}
		.box {
			padding: 0rem 0rem 0.4rem 0rem;
			position: relative;
			.am-list-item:not(:last-child) .am-list-line {
				border: none;
			}
			.am-list-line::after {
				height: 0rem !important;
			}
			.error-tip {
				position: absolute;
				bottom: 0.2rem;
				display: none;
				font-size: 0.24rem;
				margin-left: 0.48rem;
				margin-top: 0.1rem;
				font-weight: 400;
				color: rgba(255, 53, 52, 1);
			}

			.error-tip-show {
				display: inline-block;
				height: 0.2rem;
			}
			.am-input-label {
				font-size: 0.6rem;
				padding-left: 0.2rem;
				width: 0.4rem;
				margin-right: 0.24rem;
			}
			.fake-input {
				font-size: 0.72rem !important;
				font-weight: bold;
			}
		}
		.fenge {
			width: 5.9rem;
			height: 0.02rem;
			margin: 0 auto;
			background: #e9e9e9;
		}
		.am-list-body::before {
			height: 0rem;
		}
		.am-list-body::after {
			height: 0rem;
		}
		.am-list-body {
			border: none !important;
			padding: 0.2rem 0rem;
			.am-list-item img {
				width: 0.8rem;
				height: 0.8rem;
			}
			.bank-name {
				font-size: 0.28rem;
				font-weight: 500;
				color: #353535;
			}
			.bankTip {
				font-size: 0.28rem;
				color: #909090;
			}
		}
	}
	.bank-area {
		margin-top: 0.2rem;

		box-shadow: 0px -8px 10px 0px rgba(82, 71, 71, 0.1);
		border-radius: 20px 20px 5px 5px;
		.am-list-item {
			min-height: 1.4rem;

			img {
				width: 0.6rem;
				height: 0.6rem;
			}

			.bankTip {
				font-size: 0.24rem;
				font-weight: 400;
				color: rgba(155, 155, 155, 1);
			}
		}
	}

	.area-tip {
		margin-top: 0.2rem;
		color: #302e2f;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		font-size: 0.24rem;
		// .area-tip-img {
		//   width: 0.34rem;
		//   height: 0.34rem;
		//   margin-right: 0.1rem;
		// }

		a {
			font-size: 0.28rem;
			font-weight: 500;
			color: #302e2f;
		}
	}

	.btn-common {
		display: block;
		height: 0.8rem;
		font-size: 0.34rem;
		color: #ffffff;
		margin: 0.6rem 0.3rem 0;
		border-radius: 0.4rem;
		text-align: center;
		line-height: 0.8rem;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		justify-content: center;
		background: linear-gradient(90deg, #E0B174 0%, #C89553 100%) !important;
	}

	.btn-gray {
		background-color: #cbcbcb;
	}
}

.moreAccountDialog {
	overflow: hidden;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
	font-size: 0.34rem;
	position: absolute;
	text-align: center;
	right: 0%;
	top: -90%;
	padding: 0.34rem 0.28rem;
	bottom: 10%;
	width: 100%;
	height: 90%;
	z-index: 999;
	background: #ffffff;

	.dialog-tittle {
		padding-bottom: 0.34rem;
	}

	.dialog-content1 {
		position: relative;
		height: 100%;
		border-top: 1px solid #c9c9c9;
		text-align: left;
		line-height: 0.68rem;
		padding: 0.28rem 0.34rem;

		.margin-28-div {
			margin-left: 0.28rem;
		}

		.label-copy {
			border: 1px solid #bdbdbd;
			padding: 0 0.18rem;
			color: #a1c4a6;
			margin-left: 0.2rem;
			border-radius: 6px;
		}

		.label-bank {
			color: #ff9e48;
		}

		.close-dialog {
			position: absolute;
			bottom: 15%;
			width: 100%;
			margin-left: -0.28rem;
			text-align: center;

			div {
				display: inline-block;
				background-image: url("../../../../images/codeMsg/icon_close.png");
				background-size: 100% 100%;
				width: 0.56rem;
				height: 0.56rem;
			}
		}
	}
}

.recharge-account-modal {
	.div-far {
		width: 100%;
		height: 9.58rem;
		background: rgba(255, 255, 255, 1);
		border-radius: 8px 8px 0px 0px;
		padding-bottom: 0.5rem;
		.line-1 {
			width: 100%;
			height: 0.82rem;
			position: relative;

			.title {
				width: 100%;
				height: 0.82rem;
				font-size: 0.34rem;
				font-weight: 500;
				color: rgba(51, 51, 51, 1);
				line-height: 0.82rem;
			}

			.close-img {
				position: absolute;
				width: 0.36rem;
				height: 0.36rem;
				right: 0.4rem;
				top: 0.28rem;
			}
		}
		.bind-card-name {
			width: 7rem;
			margin: 0 auto;
			text-align: left;
			color: #333333;
			font-size: 0.28rem;
			font-weight: 500;
			span {
				color: #f82633;
			}
		}
		.bind-card-tip {
			width: 7rem;
			margin: 0 auto;
			font-size: 0.22rem;
			color: #9c9fa1;
			text-align: left;
		}
		.line-2 {
			margin: 0 auto;
			width: 7rem;
			height: 2.3rem;
			background: url("../../../../images/imageXHB/bg-re-c-02.png") no-repeat
				center;
			background-size: 7rem 2.3rem;
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;

			.item {
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;

				.zz {
					background: url("../../../../images/imageXHB/product-purchase/icon-zz.png")
						no-repeat center;
					background-size: 1.1rem 0.35rem;
				}

				.item-img {
					width: 0.48rem;
					height: 0.48rem;
					margin-top: 0.34rem;
				}

				.item-1 {
					width: 100%;
					height: 0.34rem;
					font-size: 0.28rem;
					font-weight: 500;
					color: rgba(51, 51, 51, 1);
					line-height: 0.34rem;
					margin-top: 0.14rem;
				}

				.item-2 {
					width: 100%;
					height: 0.28rem;
					font-size: 0.24rem;
					font-weight: 400;
					color: rgba(147, 150, 153, 1);
					line-height: 0.28rem;
					margin-top: 0.06rem;
				}
			}

			.f-1 {
				flex: 1;
			}

			.f-2 {
				flex: 2;
			}
		}

		.line-3 {
			width: 100%;
			height: 0.64rem;
			font-size: 0.24rem;
			font-weight: 400;
			color: rgba(147, 150, 153, 1);
			line-height: 0.64rem;
			text-align: left;
			padding-left: 0.3rem;
		}

		.line-4 {
			margin: 0 auto;
			width: 7rem;
			height: 3.38rem;
			background: url("../../../../images/imageXHB/bg-re-c-01.png") no-repeat
				center;
			background-size: 7rem 3.34rem;
			display: flex;
			flex-direction: column;
			justify-content: center;
			//align-items: center;
			padding: 0.2rem 0.2rem 0 0.32rem;
			box-sizing: border-box;
			.fenge {
				width: 6.5rem;
				height: 0.02rem;
				margin: 0 auto;
				background: #e9e9e9;
				margin-bottom: 0.1rem;
			}
			.item {
				width: 100%;
				height: 0.5rem;
				font-size: 0.28rem;
				font-weight: 500;
				color: rgba(51, 51, 51, 1);
				line-height: 0.5rem;
				text-align: left;

				.title {
					font-size: 0.28rem;
					display: inline-block;
					min-width: 0.8rem;
				}

				.t-c-y {
					color: #e4b067;
					font-size: 0.2rem;
				}

				.mg-l {
					margin-left: 0.5rem;
					font-weight: 600;
				}

				.blue {
					font-size: 0.24rem;
					color: rgba(80, 145, 255, 1);
					line-height: 0.28rem;
					margin-left: 0.26rem;
					padding: 0.01rem 0.1rem;
					border: 0.02rem solid #4d6aee;
					border-radius: 0.28rem;
				}
			}
		}
		.line-6 {
			margin: 0 auto;
			width: 7rem;
			height: 2.56rem;
			background: url("../../../../images/imageXHB/caozuobuz.png") no-repeat
				center;
			background-size: 7rem 2.56rem;
			display: flex;
			flex-direction: column;
			justify-content: center;
			padding: 0 0.2rem 0 0.32rem;
			box-sizing: border-box;
			p {
				color: #5d5d5d;
				font-size: 0.24rem;
				line-height: 0.3rem;
				text-align: left;
				span {
					font-size: 0.28rem;
					color: #f8313e;
					font-weight: 500;
				}
			}
			.p-c {
				margin: 0.2rem 0rem;
			}
		}
		.line-5 {
			width: 7rem;
			// height: 0.84rem;
			font-size: 0.22rem;
			font-weight: 400;
			color: rgba(147, 150, 153, 1);
			line-height: 0.28rem;
			text-align: left;
			padding-left: 0.3rem;
			margin-top: 0.16rem;
			margin-bottom: 0.3rem;
			span {
				color: #4d6aee;
				font-size: 0.22rem;
			}
		}
	}
}

//.dialog-show {
//  display: inline-block;
//}

@keyframes fade-in {
	0% {
		top: -90%;
	}
	20% {
		top: -70%;
	}
	40% {
		top: -50%;
	}
	60% {
		top: -30%;
	}
	80% {
		top: -10%;
	}
	100% {
		top: 10%;
	}
}

@-webkit-keyframes fade-in {
	/*针对webkit内核*/
	0% {
		top: -90%;
	}
	20% {
		top: -70%;
	}
	40% {
		top: -50%;
	}
	60% {
		top: -30%;
	}
	80% {
		top: -10%;
	}
	100% {
		top: 10%;
	}
}

.wrapper-in {
	animation: fade-in; /*动画名称*/
	animation-duration: 0.4s; /*动画持续时间*/
	-webkit-animation: fade-in 0.4s; /*针对webkit内核*/
	top: 10%;
}

@keyframes fade-out {
	0% {
		top: 10%;
	}
	20% {
		top: -10%;
	}
	40% {
		top: -30%;
	}
	60% {
		top: -50%;
	}
	80% {
		top: -70%;
	}
	100% {
		top: -90%;
	}
}

@-webkit-keyframes fade-out {
	/*针对webkit内核*/
	0% {
		top: 10%;
	}
	20% {
		top: -10%;
	}
	40% {
		top: -30%;
	}
	60% {
		top: -50%;
	}
	80% {
		top: -70%;
	}
	100% {
		top: -90%;
	}
}

.wrapper-out {
	animation: fade-out; /*动画名称*/
	animation-duration: 0.28s; /*动画持续时间*/
	-webkit-animation: fade-out 0.28s; /*针对webkit内核*/
	right: 0%;
	top: -90%;
}
